From: Daniel Nilsson <daniel.nilsson94@outlook.com>
Date: Sat, 17 Feb 2024 23:40:33 +0000 (+0100)
Subject: luci-theme-bootstrap: allow network interfaces to line break
X-Git-Url: http://git.openwrt.org/%22https:/collectd.org//%22/%22https:/collectd.org/%22?a=commitdiff_plain;h=8200c5d49e2e09a6126ffcdf80969e94b70531b8;p=project%2Fluci.git

luci-theme-bootstrap: allow network interfaces to line break

The inherited nowrap of white-space causes the interface boxes to not line break, resulting in a horizontal scroll bar when many interfaces are present.

Tested on Chrome and Firefox.

Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
---

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index 3afcc6ad99..f1b6dccab2 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2144,6 +2144,10 @@ th[data-sort-direction="desc"]::after { content: "\a0\25bc"; }
 	padding: .25em;
 }
 
+#cbi-network-interface .ifacebox-body {
+	white-space: normal;
+}
+
 .ifacebadge {
 	display: inline-block;
 	flex-direction: row;